header.bg-white-only.header.header-md.navbar.navbar-fixed-top-xs
    .navbar-header.aside.bg-info.dk
        //-a.btn.btn-link.visible-xs(data-toggle='class:nav-off-screen,open', data-target='#nav,html')
            i.icon-list
        a.navbar-brand.text-lt(href='/')
            i.icon-earphones
            img.hide(src='/images/logo.png', alt='.')
            span.hidden-nav-xs.m-l-sm Musik
        //-a.btn.btn-link.visible-xs(data-toggle='dropdown', data-target='.user')
            i.icon-settings
      ul.nav.navbar-nav.hidden-xs
        li
          a.text-muted(href='#nav,.navbar-header', data-toggle='class:nav-xs,nav-xs')
            i.fa.fa-indent.text
            i.fa.fa-dedent.text-active
    form.navbar-form.navbar-left.input-s-lg.m-t.m-l-n-xs.hidden-xs(role='search',action='/s',method='post')
        .form-group
          .input-group
            span.input-group-btn
              button.btn.btn-sm.bg-white.btn-icon.rounded(type='submit')
                i.fa.fa-search
            input.form-control.input-sm.no-border.rounded(type='text',name='q' placeholder='搜索...')
    .navbar-right
        ul.nav.navbar-nav.m-n.hidden-xs.nav-user.user
          if user
            li.hidden-xs
              a.dropdown-toggle.lt(href='#', data-toggle='dropdown')
                i.icon-bell
                //-新消息条数
                span.badge.badge-sm.up.bg-danger.count 2
              section.dropdown-menu.aside-xl.animated.fadeInUp
                section.panel.bg-white
                  .panel-heading.b-light.bg-light
                    strong
                      span.count 您有2条短消息
                  .list-group.list-group-alt
                    a.media.list-group-item(href='#') 短消息标题
                      span.pull-left.thumb-sm
                        img.img-circle(src='/images/man.jpg', alt='...')
                      span.media-body.block.m-b-none
                        br
                        small.text-muted 10 分钟 前
                    a.media.list-group-item(href='#') 短消息标题
                      span.media-body.block.m-b-none
                        br
                        small.text-muted 1 小时 前
                  .panel-footer.text-sm
                    a.pull-right(href='#')
                      //i.fa.fa-cog
                    a(href='#notes', data-toggle='class:show animated fadeInRight') 查看所有消息
            li.dropdown
              a.dropdown-toggle.bg.clear(href='#', data-toggle='dropdown')
                span.thumb-sm.avatar.pull-right.m-t-n-sm.m-b-n-sm.m-l-sm
                  img(src='/#{user.face}', alt='#{user.nickName}的头像')
                b.caret
              ul.dropdown-menu.animated.fadeInRight
                li
                  span.arrow.top
                  a(href='/profile') 设置
                li
                  a(href='/logout') 登出
          else
            li
              a(href="/signin")
                i.icon-user-follow
                  span.hidden-nav-xs.m-l 登陆



